<!--
  Generated template for the AlarmPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-navbar>
        <ion-title>故障列表</ion-title>
    </ion-navbar>

</ion-header>


<ion-content>
    <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="下拉刷新" refreshingSpinner="bubbles" refreshingText="正在刷新...">
        </ion-refresher-content>
    </ion-refresher>

    <!-- <ion-searchbar placeholder="输入关键字" [(ngModel)]="searchKey" [showCancelButton]="true" cancelButtonText="取消" (ionInput)="searchOnHandler($event)"
        (ionCancel)="searchOnCancel($event)"></ion-searchbar> -->

    <loading-spinner [isReady]="isReady" [isShow]='isLoading' [isNoData]="!isLoading&&list.length == 0"></loading-spinner>
    <ion-list>
        <button ion-item *ngFor="let item of devList" (click)="pToDetail(item)">
            <ion-avatar item-start>
                <img src="assets/imgs/img-msg.png">
            </ion-avatar>
            <h2> {{item.physicalCode }}</h2>
            <p>{{item.content}}</p>
            <ion-note item-end>{{item.createTime | dateFormatPipe:"MM-dd hh:mm"}}</ion-note>
        </button>
    </ion-list>


    <ion-infinite-scroll *ngIf="!pageObj.isLastPage" (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载中...">
        </ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>